<template>
    <div class="JobFair-Component">
        <el-card shadow="hover">
              <div class="recruitment-msg">
                <img :src="BASEURL + item.banner" class="image">
                <div class="job-fair-message row aic">
                  <div class="flex-grow-1">
                    <div @click="handleToJobFairInfo" class="title">{{item.jobFairName}}</div>
                    <div class="time">时间：{{item.startTime}} 至 <br/> {{item.endTime}}</div>
                  </div>
                  <!-- <el-button  @click="handleInVideoLobby" style="height: 33px;" type="primary" size="small">进入会场</el-button> -->
                  <JoinFairButton 
                  size="small" 
                  type="primary" 
                  height="33px" 
                  :jobFairId="item.jobFairId" 
                  :info="item"
                  ></JoinFairButton>
                </div>
              </div>
        </el-card>
    </div>
</template>
 
<script>
import { BASEURL } from "@/api/";
import JoinFairButton from '@/components/JoinFairButton.vue'
export default {
  props: ['item'],
  mounted(){
      // console.log(this.item,'aaaaaaaaaaaaaaaa')
  },
  data(){
    return {
      aaa: '1231',
      BASEURL,
    }
  },
  methods: {
    handleInVideoLobby(){
      this.$router.push({path: `/videolobby/${this.item.jobFairId}/0`})
    },

    handleToJobFairInfo(){
      this.$router.push({path: `/jobfairinfo/${this.item.jobFairId}`})
    },
  },
  components:{
    JoinFairButton,
  }
}
</script>

<style lang="less">
.JobFair-Component {
  .title {
    cursor: pointer;
  }
}
</style>
